<div data-bind="with: settingsVM">
		<div class="row header navigation-bar-bgd">
			<div class="header-title" data-bind="text: title">Settings</div>
            <div style="padding-left: 5px; padding-right: 5px;" class="search edit-button yellow-bgd clickableEffect" data-bind="click: clearCache, text: logout">
            </div>
		</div>
		<div id="wrapper_scrollview_setting" class="wrapper">
			<div>
				<!--<div class="settings-row">
					<div class="settings-title-header ellipsis" data-bind="text: loginInformation"></div>
					<div class="settings-button-bg ellipsis" data-bind="click: changeLoginInfo">
						<div class="settings-button-title" data-bind="text: change"></div>
						<div class="small-settings-narrow">&nbsp;</div>
					</div>
				</div>
				<div class="settings-line-light-midle">&nbsp;</div>
				<div class="settings-row">
					<div class="settings-title-header ellipsis" data-bind="text: cachedAbstract"></div>
					<div class="settings-button-bg ellipsis" data-bind="click: clearCache">
						<div class="settings-button-title" data-bind="text: logout"></div>
						<div class="small-settings-narrow">&nbsp;</div>
					</div>
				</div>
				<div class="settings-line-light-midle">&nbsp;</div>-->
				<div style="height: 10px; background-color: #F6F6F6;">&nbsp;</div>
				<div class="settings-row">
					<div class="settings-title-item-big ellipsis" data-bind="text: summaryDisplay"></div>
				</div>
				<div data-bind="foreach: settingsStatus().summaryGroup">
					<div class="settings-row">
						<div class="settings-title-item-small ellipsis" data-bind="text: name()"></div>
					</div>
					<div>
						<div style="background-color: #F6F6F6">
							<div class="settings-line-light-midle">&nbsp;</div>
							<form>
								<div data-bind="foreach: languageOptions">
									<div class="settings-row-content">
										<div class="settings-title-item ellipsis" data-bind="text: name()">&nbsp;</div>
										<div class="settings-slider">
											<select data-bind="attr: { 'id': 'lang' + $parent.id() + symbol() }" class="settingslider" data-track-theme="d" data-theme="d">
												<option value="false" data-bind="text: $root.settingsVM.strOff()">OFF</option>
												<option value="true" data-bind="text: $root.settingsVM.strOn()">ON</option>
											</select>
										</div>
									</div>
									<div class="settings-line-light-midle">&nbsp;</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="settings-row-apply-to-change">
					<div class="setting-apply-narrow"></div>
					<div class="settings-button-big-bg" data-bind="text: applyChanges, click: applyChangeSettings">Settings</div>
				</div>
			</div>
		</div>
	</div>